<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>互联网求职招聘找工作-上拉勾招聘-专业的互联网求职招聘网站</title>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/content.css">
    <link rel="stylesheet" href="css/moduleTab.css">
    <link rel="stylesheet" href="css/hotCompany.css">
    <link rel="stylesheet" href="css/hotLinks.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/copyright.css">
    <link rel="stylesheet" href="css/backtop.css">
</head>
<body>
    <!-- header 区域开始 -->
    <div class="header">
        <!-- header 的版心区域 -->
        <div class="inner-c">
            <!-- header 的左侧 -->
            <div class="header-left">
                <!-- logo 区域 -->
                <h1 class="logo">
                    <a href="index.html">拉勾招聘|招聘|求职|互联网|培训|Java|前端</a>
                </h1>
                <!-- 城市选择 -->
                <div class="location">
                    <span class="city">全国站</span><span class="switch">[切换城市]</span>
                </div>
                <!-- 导航区域 -->
                <div class="nav">
                    <a href="index.html">首页</a>
                    <a href="" class="current">公司</a>
                    <a href="">校园招聘</a>
                    <a href="">职位</a>
                    <a href="">言职</a>
                    <a href="">课程<span class="tip">new</span></a>
                </div>
            </div>
            <!-- header 的右侧 -->
            <div class="header-right">
                <a href="#" class="upload">上传简历</a>
                <a href="#" class="subscribe">职位订阅</a>
                <a href="#" class="login">登录<i></i></a>
                <span class="separate">|</span>
                <a href="#" class="register">注册</a>
                <a href="#" class="app">拉勾APP<i></i></a>
                <a href="#" class="company">进入企业版</a>
            </div>
        </div>
    </div>
    <!-- header 区域结束 -->
    <!-- 主要内容 content区域开始 -->
    <div class="content">
        <div class="inner-c">
            <!-- 热门公司部分 开始-->
            <div class="module-tab hot-company" >
                <div class="detail">
                    <!-- title中有几个span，对应的detail中就有几个ul列表 -->
                    <ul class="current">
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        <li>
                            <div class="top">
                                <p class="company-logo"><a href="#"><img src="images/company_logo_meituan.jpg" alt=""></a></p>
                                <h4><a href="">美团</a></h4>
                                <div class="labels">
                                    <span>互联网</span>
                                    <i>/</i>
                                    <span>上市公司</span>
                                </div>
                                <p class="info">我是一个详细信息</p>
                            </div>
                            <div class="bottom">
                                <a href="#">
                                    <p class="data">42</p>
                                    <p class="name">面试评价</p>
                                </a>
                                <a href="#" class="item2">
                                    <p class="data">10</p>
                                    <p class="name">在招职位</p>
                                </a>
                                <a href="#" class="item3">
                                    <p class="data">100%</p>
                                    <p class="name">简历处理率</p>
                                </a>
                            </div>
                        </li>
                        
                    </ul>
                </div>
            </div>
            <!-- 热门公司部分 结束 -->
            <!-- 热门链接开始 -->
            <div class="module-tab hot-links" >
                <div class="title">
                    <span class="current">友情链接</span>
                    <span>热门城市</span>
                    <span>热门公司</span>
                    <span>热门职位</span>
                    <span>热门行业</span>
                    <span>热门关键词</span>
                </div>
                <div class="detail-list">
                    <!-- title中有几个span，对应的detail中就有几个ul列表 -->
                    <ul>
                        <li>
                            <a href="">找工作</a>
                            <a href="">招聘网</a>
                            <a href="">招聘网</a>
                        </li>
                    </ul>
                    <span class="show-or-close">展开</span>
                </div>
            </div>
            <!-- 热门链接结束 -->
        </div>
    </div>
    <!-- 主要内容 content区域结束 -->
    <!-- footer区域开始 -->
    <div class="footer">
        <div class="inner-c footer-c">
            <div class="login-method">
                <a href="#" class="login-method-btn">
                    <i></i><span>下载拉勾APP</span>
                </a>
                <a href="#" class="login-method-btn mini-pro">
                    <i></i><span>微信小程序</span>
                    <img src="images/mini_pro.png" alt="">
                </a>
            </div>
            <div class="service">
                <dl>
                    <dt>企业服务</dt>
                    <dd>
                        <a href="#">招聘抢人宝典</a>
                        <a href="#">公司搜索</a>
                        <a href="#">拉勾APP</a>
                    </dd>
                </dl>
                <dl>
                    <dt>企业服务</dt>
                    <dd>
                        <a href="#">招聘抢人宝典</a>
                        <a href="#">公司搜索</a>
                        <a href="#">拉勾APP</a>
                    </dd>
                </dl>
                <dl>
                    <dt>企业服务</dt>
                    <dd>
                        <a href="#">招聘抢人宝典</a>
                        <a href="#">公司搜索</a>
                        <a href="#">拉勾APP</a>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
    <!-- footer区域结束 -->
    <!-- 版权区域开始 -->
    <div class="copyright">
        <div class="inner-c copyright-c">
            <div class="left">
                <span class="copyright-title">©2020 拉勾网</span>
                <span class="icp">京ICP备14023790号-2</span>
                <a href="#" class="anbei">京公网安备 11010802024043号<i></i></a>
                <div class="jubao">
                    <i></i>
                    <span>违法和不良信息举报</span>
                    <span>电话: 4006 2828 35</span>
                    <span>邮箱: cc@lagou.com</span>
                </div>
            </div>
            <div class="lagou-icon"></div>
        </div>
    </div>
    <!-- 版权区域结束 -->
    <!-- 返回顶部 -->
    <a href="#" class="backtop"></a>
</body>
</html>